<section class="container">
  <div class="card">
    <div class="card-body" data-async-load data-async-listing="<%= @current_path %>">
      <h1 class="card-title"><%= gettext "Addresses" %></h1>

    <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "top", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
	
	<div class="addresses-table-container">
		<div class="stakes-table-container">
			<table>
				<thead>
					<tr>
						<th class="stakes-table-th">
							<div class="stakes-table-th-content">
								&nbsp;
							</div>
						</th>
						<th class="stakes-table-th">
							<div class="stakes-table-th-content">
								Address
							</div>
						</th>
						<th class="stakes-table-th">
							<div class="stakes-table-th-content">
								Balance
							</div>
						</th>
						<th class="stakes-table-th">
							<div class="stakes-table-th-content">
								Percentage
							</div>
						</th>
						<th class="stakes-table-th">
							<div class="stakes-table-th-content">
								Txn Count
							</div>
						</th>
					</tr>
				</thead>
				<tbody data-items data-selector="top-addresses-list">
					<%= render BlockScoutWeb.CommonComponentsView, "_table-loader.html" %>
				</tbody>
			</table>
		</div>
	</div>
    
    <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "bottom", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
    </div>
  </div>
</section>
